<template>
	<view class="page">
		<view class="card-item" :key="index" v-for="(item,index) in 4" @click="jumpDetail">
			<view class="cell-item">
				<view class="left-box">
					快递名称：{{item.logisticsName ? item.logisticsName : ''}}
				</view>
				<view class="right-box">
					<view class="status">
						配送中
					</view>
				</view>
			</view>
			<view class="cell-item">
				快递单号：{{item.logisticsNo ? item.logisticsNo : ''}}
			</view>
			<view class="cell-item">
				<view class="left-box">
					发货时间：{{item.sendTime ? item.sendTime : ''}}
				</view>
				<view class="right-box">
					<view class="button" @click.stop="jumpInfo">
						物流查询
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad(option) {
			if(option.type){
				if(option.type == 'collect'){
					uni.setNavigationBarTitle({
						title: '收货记录'
					});
				}else if(option.type == 'deliver'){
					uni.setNavigationBarTitle({
						title: '退货记录'
					});
				}
			}
		},
		methods: {
			jumpInfo:function(){
				uni.navigateTo({
					url: '/subcontractList/order/purchase/waitbill/express/info/info'
				});
			},
			jumpDetail:function(){
				uni.navigateTo({
					url: '/subcontractList/order/purchase/waitbill/express/detail/detail'
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page{
		background-color: #f6f6f6;
		min-height: 100vh;
	}
	.card-item{
		width: 100%;
		padding:20rpx;
		box-sizing: border-box;
		background-color: white;
		margin-bottom: 20rpx;
		.cell-item{
			font-size: 28rpx;
			margin:10rpx 0;
			line-height:40rpx;
			position: relative;
			.right-box{
				position: absolute;
				top: 0;
				right: 0;
				.button{
					border: 1px solid #4169e1;
					padding:0 10rpx;
					border-radius: 10rpx;
				}
			}
		}
	}
</style>
